﻿/* ---------------------- COMMON ----------------------*/
 
* 
{
	 margin: 0px;
	 padding: 0px;
}

a 
{
	 color: #7F7F7F;
	 text-decoration: none;
}

a:hover
{
	 color: #383838;
}

hr
{
	 margin-left: 20px;
	 margin-right: 20px;
	 margin-top: 20px;
	 margin-bottom: 20px;
	 border: none;
	 border-bottom: 1px solid #F0F0F0;
	 
}

img
{
	border: none;
}

div.clear
{
	 float:none;
}

input
{
	 border: 1px solid #CCCCCC;
	 color: #383838;
	 font-family: Tahoma,Sans-Serif;
}

textarea
{
	 border: 1px solid #CCCCCC;
	 color: #383838;
	 font-family: Tahoma,Sans-Serif;
}

div.captcha
{
	 display: inline-block;
}

div.captcha input
{
	 width: 50px;
}

li
{
	margin-left: 20px;
}


/* ---------------------- HEADER / MENU ----------------------*/

div.header 
{
	 background-color: #383838;
	 font-family: Calibri,Sans-Serif;
	 height: 34px;
	 min-width: 1000px;
	 text-align: center;
}

div.header a 
{
	 color: White;
	 font-size: 18px;
	 margin-left: 10px;
	 margin-right: 10px;
}

div.header a.selected
{
	 font-size: 26px;
}

div.header a:hover
{
	 color: #B8B8B8;
}

button.menuButton
{
	 border: 0px solid white;
	 color: White;
	 background-color: #383838;
	 text-align: center;
	 font-family: Calibri,Sans-Serif;
	 font-size: 14.5px;
	 cursor: pointer;
}

button.menuButton:hover
{
	 color: #B8B8B8;
}

/* ---------------------- LANGUAGES ----------------------*/

div.languages
{
	margin-top: 6px;
	margin-right: 5px;
	float: right;
}

div.languages button
{
	 color: White;
	 background-color: #383838;
	 font-size: 14px;
	 display: inline-block;
}

div.languages button:hover
{
	 color: #B8B8B8;
}

div.languages button.selected
{
	 font-weight: bold;
}

/* ---------------------- LOGIN & RESET PASSWORD ----------------------*/

div.loginButton
{
	 margin-top: 6px;
	 float: right;
	 color: White;
	 border-right: 1px solid White;
	 margin-right: 5px;
	 padding-right: 5px;
}

div.loginButton a
{
	 margin: 2px;
	 font-size: 14px;
}

div.login, div.resetPassword
{
    font-size: 13px;
	 margin-top: 60px;
	 margin-left: 175px;
	 width: 300px;
}

div.login input, div.resetPassword input
{
	 width: 216px;
}

div.login div.captcha input, div.resetPassword div.captcha input
{
	 width: 50px;
}

div.login span, div.resetPassword span
{
	 display: inline-block;
	 width: 80px;
}
div.login span span, div.resetPassword span span
{
	display: inline;
}

div.login div.submitLogin, div.resetPassword div.submitReset
{
	 float: right;
}

div.login div.submitLogin button
{
	font-size: 13px;
}

div.login div.resetPasswordButton
{
	 margin-top: 20px;
}

/* ---------------------- CONTENT ----------------------*/

div.content 
{
	 color: #383838;
	 font-family: ​Tahoma,Sans-Serif;
	 font-size: 14px;
	 line-height: 24px;
	 margin: auto;
	 width: 1000px;
}

div.leftContent 
{
	 float: left;
	 width: 650px;
}

div.leftContent div.sitePath
{
	 margin: 20px 20px 20px 20px;
	 font-size: 13px;
}

div.leftContent div.sitePath span.newButton 
{
	 float: right;
}

div.leftContent div.message
{
	 margin: 20px;
	 font-size: 14px;
	 font-weight: bold;
	 background-color: #383838;
	 color: White;
	 text-align: center;
}

div.rightContent 
{
	 float: right;
	 width: 300px;
	 font-size: 13px;
}

div.rightContent div
{
	 margin-left: 20px;
	 margin-right: 20px;
}

div.rightContent div.copyright
{
	 margin-top:20px;
}

div.rightContent div.search
{
	 margin-top:20px;
}

div.rightContent div.search a, input
{
	 font-size: 13px;
}

div.rightContent div.search input
{
	 width: 202px;
	 margin-right: 5px;
}

div.rightContent div.tags
{
	text-align: center;
}

div.rightContent div.tags a
{
	 margin: 5px;
}

div.rightContent div.tags a.currentTag
{
	 font-weight: bold;
}

div.rightContent div.stuff
{
	 height: 150px;
}

div.archive
{
	margin-top:20px;
	padding-left: 5px;
}

div.archive ul
{
	list-style-type:none;
	list-style-position:inside;
}

div.archive ul li
{
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

div.archive ul li.currentMonth
{
	font-weight: bold;
}

div.clear 
{
	 clear: both;
}

/* ---------------------- ENTRY ----------------------*/

div.entry
{
	 margin: 20px 20px 40px 20px;
}

div.entryTitle h1
{
	 display: inline;
	 font-size: 17px;
	 font-weight: bold;
}

div.entryControlButtons
{
	 font-size: 12px;
	 float: right;
}

div.entryControlButtons a
{
	 font-size: 13px;
}

div.entryControlButtons button
{
	 font-size: 13px;
}


div.entryControlButtons form
{
	 display:inline;
}

div.entryProperties
{
	 font-size: 12px;
	 margin-bottom: 10px;
}

div.entryProperties a
{
	margin-left: 3px;
	margin-right: 3px;
}

div.entryDateModified
{
	 font-size: 12px;
	 margin-top: 10px;
	 font-style: italic;
}

div.entryContent
{
	 text-align: justify;
}

div.entryHeader
{
	 font-size: 14px;
	 font-weight: bold;
	 margin-bottom: 15px;
}

div.entryChapter
{
	margin-bottom: 15px;
}

div.entryCodeSnippet
{
	margin-bottom: 15px;
}

div.entryRawHtml
{
	margin-bottom: 15px;
}

/* -----------------------ENTRY COMMENTS -----------------------*/

div.comments
{
	 margin: 20px 20px 20px 20px;
}

div.comments h2
{
	 font-size: 13px;
	 font-weight: bold;
	 margin-top: 10px;
	 margin-bottom: 10px;
}

div.comment 
{
	 font-size: 13px;
	 line-height: 19px;
	 margin-top: 15px;
	 margin-bottom: 15px;
	 text-align: justify;
}

div.comment span.commentAuthor
{
	 font-weight: bold;
}

div.comment div.commentDate
{
	 margin-top:3px;
	 margin-bottom:10px;
	 font-size: 12px;
}

div.comment span.commentControlButtons
{
	 float: right;
}

div.comment span.commentControlButtons a
{
	font-size: 13px;
}

div.comment span.commentControlButtons button
{
	font-size: 13px;
}

div.comment span.commentControlButtons form
{
	display: inline-block;
}

div.editComment
{
	 font-size: 13px;
}

div.editComment button.linkButton
{
	float: right;
	font-size: 13px;
}

div.editComment span
{
	 display: inline-block;
	 width: 75px;
}

div.editComment span span
{
	display: inline;
}

div.editCommentHeader input
{
	 width: 533px;
	 font-weight: bold;
	 margin-bottom: 8px;
	 font-size: 13px;
}

div.editCommentContent textarea
{
	 vertical-align: top;
	 width: 533px;
	 font-size: 13px;
	 margin-bottom: 5px;
}

div.editComment div.captcha input
{
	 font-size: 13px;
}

div.editComment button.linkButton
{
	 margin-left: 5px;
	 font-size: 13px;
}

/* ---------------------- CONTROL BUTTONS ----------------------*/

a.newEntryButton
{
	float: right;
}

button.rankButton
{
	 border: 0px solid #383838;
	 color: #7F7F7F;
	 background-color: white;
	 width: 15px;
	 height: 20px;
	 line-height: 18px;
	 vertical-align: baseline;
	 text-align: center;
	 font-family: Tahoma, Sans-Serif;
}

button.rankButton:hover
{
	 color: #383838;
	 cursor: pointer;
}

button.linkButton
{
	 border: 0px solid white;
	 color: #7F7F7F;
	 background-color: white;
	 text-align: center;
	 font-family: Tahoma, Sans-Serif;
}

.previewLink
{
	color: #7F7F7F;
}

span.previewLink
{
	margin-left: 10px;
}

button.linkButton:hover
{
	 color: #383838;
	 cursor: pointer;
}


/* ---------------------- PAGER ----------------------*/

div.pager
{
	 text-align: center;
	 margin: 20px;
}

div.pager a
{
	 display:inline-block;
	 width: 20px;
	 height: 18px;
	 color: #7F7F7F;
	 text-align: center;
	 line-height: 16px;
	 padding-top:2px;
}

div.pager a:hover
{
	 color: #383838;
}

div.pager a.selected
{
	 color: White;
	 background-color: #383838;
}

div.pager a.selected:hover
{
	 color: #B8B8B8;
}

/* ---------------------- TAGS EDITOR ----------------------*/

div.tagsEditor
{
	 margin: 20px;
}

div.tagsEditor h1
{
	 font-size: 17px;
	 font-weight: bold;
	 margin-bottom:10px;
}

div.tagsEditor div.tagsEditorRow
{
	 margin-top :10px;
	 margin-bottom :10px;
}

div.tagsEditor span.nameColumn
{
	 font-weight: bold;
	 width: 332px;
	 margin-right: 5px;
	 display: inline-block;
}

div.tagsEditor span.codeColumn
{
	 font-weight: bold;
}

div.tagsEditor input.nameColumn
{
	  width: 330px;
}

div.tagsEditor input.codeColumn
{
	  width: 150px;
}

div.tagsEditor button
{
	 font-size: 13px;
	 margin-left: 5px;
	 margin-right: 5px;
}

div.tagsEditor form
{
	 display:inline-block;
}

input.errorInput, textarea.errorInput
{
	 color: Red;
	 font-weight: bold;
	 background-color: #FFEFD5;
}

/* ---------------------- ADMIN SETTINGS ----------------------*/

div.adminSettings
{
	 margin: 20px;
}

div.adminSettings h1
{
	 font-size: 17px;
	 font-weight: bold;
	 margin-bottom:10px;
}

div.adminSettings div
{
	 margin-top: 10px;
	 margin-bottom: 10px;
}


div.adminSettings span
{
	 width : 115px;
	 display: inline-block;
	 font-size: 13px;
}

div.adminSettings input
{
	 width: 490px;
}

div.adminSettings button
{
	 float: right;
	 font-size: 13px;
}

div.adminSettings textarea
{
	font-size: 13px;
	width: 490px;
	height: 52px;
	vertical-align: top;
	margin: 0px;
}

/* ---------------------- ENTRY EDIT ----------------------*/

div.entryEdit
{
	margin: 20px;
	padding: 1px;
	color: #383838;
	font-family: Tahoma,Sans-Serif;
	font-size: 13px;
}

div.entryEdit button
{
	font-size: 13px;
}

div.entryElementEdit
{
	margin-top: 5px;
	margin-bottom: 10px;
	width: 610px;
}

textarea.entryTitle
{
	color: #7F7F7F;
	font-family: Tahoma,Sans-Serif;
	font-weight: bold;
	width: 610px;
	height: 40px;
	font-size: 16px;
}

textarea.entryHeader
{
	font-weight: bold;
	font-size: 13px;
	width: 610px;
	height: 33px;
}

textarea.entryChapter
{
	font-size: 14px;
	line-height: 18pt;
	width: 610px;
	height: 100px;
	text-align: justify;
}

textarea.entryHtml
{
	font-size: 14px;
	width: 610px;
	height: 100px;
	font-family: Courier New;
}

textarea.entryCode
{
	font-size: 14px;
	width: 610px;
	height: 100px;
	font-family: Courier New;
}

button.deleteElementButton
{
	float: right;
}

div.codeSnippetType input
{
	margin-right: 3px;
	margin-left: 8px;
	vertical-align: middle;
	border: none;
}

div.editImage span
{
	width: 33px;
	display: inline-block;
}

div.editImage input.file
{
	border: 1px solid #CCCCCC;
	background-color: White;
	color: #383838;
	font-family: Tahoma,Sans-Serif;
	margin-right: 10px;
}

div.editImage input.checkbox
{
	margin-right: 3px;
	vertical-align: middle;
	border: none;
}

div.editImage input.errorInput
{
	color: Red;
	font-weight: bold;
	background-color: #FFEFD5;
}

div.entryImage
{
	text-align:center;
	margin-bottom: 15px;
}

div.entryImage img
{
	max-width: 610px;
}

div.editImage button
{
	float: right;
}

textarea.imageUri
{
	font-size: 13px;
	width: 512px;
	height: 17px;
}

textarea.imageTitle
{
	font-size: 13px;
	width: 571px;
	height: 17px;
}

div.entryTags input
{
	vertical-align: middle;
	margin-right: 5px;
	border: none;
}

div.entryTags div
{
	margin-right: 5px;
}

div.about
{
		text-align:center;
}

div.about h1
{
	font-size: 13px;
	margin-bottom: 10px;
}

div.about p
{
	text-align: justify;
}

div.about p.contact
{
	margin-top: 20px;
	font-weight: bold;
}

div.about img
{
	max-width: 260px;
}

div.copyright p
{
	margin-bottom: 10px;
	text-align: center;
}

div.errorContent h1
{
	margin: 20px;
	font-size: 17px;
	font-weight: bold;
}

div.errorContent p
{
	margin: 20px;
	font-size: 13px;
}

div.div.errorContent a
{
	font-size: 13px;
}

/* ---------------------- CONTACT ----------------------*/

div.sendMessage
{
    margin:20px;
}

div.sendMessage h1
{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

div.sendMessage div
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

div.sendMessage div span
{
    vertical-align:top;
    display: inline-block;
    width: 115px;
}

div.sendMessage div span span
{
    display: inline;
}

div.sendMessage div:not(.captcha) input
{
    width: 490px;
}

div.sendMessage div.messageContent
{
    margin-bottom: 0px;
}

div.sendMessage div textarea
{
    width: 490px;
    height: 300px;
    font-size: 13px;
}

div.sendMessage button
{
    float:right;
}